import React, { Component } from 'react'
import {Button, Layout} from 'antd'
import AccStyle from './access.module.sass'
import TipsText from '../../Image/tips_text.png'
import PersonImg from '../../Image/person.png'

export default class AccessError extends Component {
    constructor (props) {
        super(props)
        this.state = {}
    }

    render () {
        return (
        <div className={`manager_wrapper`}>
            <Layout>
                <Layout.Content className={`mt_20 ${AccStyle.access_container}`}>
                    <div className={`${AccStyle.flex_content}`}>
                        <div className={`${AccStyle.flex_content_left}`}>
                            <img src={PersonImg} src={PersonImg} alt={`person`} />
                        </div>
                        <div className={`${AccStyle.flex_content_right}`}>
                            <div className={`${AccStyle.flex_img}`}>
                                <img src={TipsText} alt={`tips_error`} />
                            </div>
                            <p>您没有此模块操作权限，建议联系管理员开通权限。</p>
                            <Button className={`${AccStyle.back_button}`}>返回首页</Button>
                        </div>
                    </div>
                </Layout.Content>
            </Layout>
        </div>)
    }

    async componentDidMount () {
        document.getElementsByTagName('body')[0].setAttribute('class', 'manager_wrapper')
    }
}
